<template>
  <div class="noauth-wrapper">
    <div class="image-wrapper">
    </div>
    <div class="text-wrapper">
      您暂时没有权限进入本系统
    </div>
  </div>
</template>
<script setup>

</script>
<style lang="scss" scoped>
.noauth-wrapper {
  padding-top: 40px;

  .image-wrapper {
    position: relative;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 400px;
    box-sizing: border-box;
    background-color: #1681fd;
    background-image: url('@/assets/no-auth.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    text-align: center;
  }

  .text-wrapper {
    font-size: 24px;
    color: #909399;
    text-align: center;
  }
}
</style>
